// 多行省略
.ellipsis(@n: 2) {
    overflow: hidden;
    text-overflow: ellipsis;
    & when ( @n >= 2 ) {
      display: -webkit-box;
      -webkit-line-clamp: @n;
      -webkit-box-orient: vertical;
    }
    & when ( @n = 1 ) {
      white-space: nowrap;
    }
}

// 滚动条
.scrollbar (){
    //滚动条样式
    &::-webkit-scrollbar {
      /*滚动条整体样式*/
      width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
      height: 6px;
    }
    &::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      border-radius: 6px;
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #dcdcdc;
    }
    &::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      background: #f4f4f7;
    }
}